@charset "UTF-8";

/*************************************************************/
/*								수정/삭제시 커뮤니케이션 부탁드립니다.									 */
/*************************************************************/

/*reset*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5em;font-family:'돋움',dotum,sans-serif;color:#333;-webkit-text-size-adjust:none} /*color값은 디자인가이드에 맞게사용 */
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:underline}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

/*global*/
#daumIndex {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0}  /*스킵네비게이션 */
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의
대체텍스트를 제공할때 */
.ir_wa {display:block;overflow:hidden;position:relative;width:100%;height:100%;z-index:-1} /* 중요한 이미지 대체텍스트로
이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out
{display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}
/* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.screen_hide {font-size:0;line-height:0;visibility:hidden} /* screen_out클래스를 사용할 수 없으며, 해당 텍스트를 숨겨야 할때 */
.f_l {float:left}
.f_r {float:right}
.cl_b {clear:both;width:0;height:0;font-size:0;line-height:0}
.show {display:block}
.hide {display:none}
.tbl {border-collapse:collapse;border-spacing: 0} /* 테이블 초기화 */
/* line */
.txt_bar {font-size:12px;color:#b6b6b6} /* 텍스트형 구분라인 */
/* Letter Spacing */
.ls_0 {letter-spacing:0px}
.ls_1 {letter-spacing:-1px}
.btn_comm {background:url("/common/images/common/common_btn.gif") no-repeat} /* 버튼 */
.ico_comm {background:url("/common/images/common/common_icon.gif") no-repeat} /* 아이콘 */
.line_comm {background:url("/common/images/common/common_line.gif") no-repeat} /* 라인 */
.dotline_comm {background:url("/common/images/common/common_dotline.gif") no-repeat} /* 점선라인 */

.main_tit {background:url("/common/images/common/main_title.gif") no-repeat} /* 메인 타이틀 */
.ir_btn_comm {background:url("/common/images/IR/ir_btn.gif") no-repeat} /* ir버튼 */
.re_btn_comm {background:url("/common/images/recruit/recruit_btn.gif") no-repeat} /* recruit버튼 */

.doppio {font-familiy:Doppio One,Sanserif}

/*mobile*/
.mobile {display:none}

/*style*/

#wrapper {width:100%;margin:0;position:relative;overflow:hidden}
    
/*gnb*/
#header {z-index:1000;width:100%;height:86px;position:relative;background:#fff;border-bottom:1px solid #d4d7de}
#gnbWrap {width:1000px;height:66px;margin:0 auto;position:relative}
#header .title {width:65px;height:27px;display:block;position:absolute;top:30px;left:10px;background:url("/common/images/common/logo.gif") no-repeat 0 0 \9}
#header .title .logo {position:absolute;top:0;left:0;width:65px;height:27px}
#header #daumGnb {position:absolute;height:56px;top:30px;right:10px;padding-right:28px}
#header #daumGnb .menu {float:left;height:56px;margin-right:100px}
#header #daumGnb .menu li {float:left;position:relative;height:27px}
#header #daumGnb .menu_01 {width:145px}
#header #daumGnb .menu_02 {width:130px}
#header #daumGnb .menu_03 {width:132px}
#header #daumGnb .menu_04 {width:62px}
#header #daumGnb .menu li .depth01 {left:0;top:5px;display:block;height:18px;background:url("/common/images/common/gnb_menu.gif") no-repeat 0 -20px}
#header #daumGnb li.menu_01 .depth01 {width:77px}
#header #daumGnb li.menu_01 .depth01.on,#header #daumGnb li.menu_01 .depth01.on2 {background-position:0 0}
#header #daumGnb li.menu_02 .depth01 {width:59px;background-position:-145px -20px}
#header #daumGnb li.menu_02 .depth01.on, #header #daumGnb li.menu_02 .depth01.on2 {background-position:-145px 0}
#header #daumGnb li.menu_03 .depth01 {width:59px;background-position:-275px -20px}
#header #daumGnb li.menu_03 .depth01.on, #header #daumGnb li.menu_03 .depth01.on2 {background-position:-275px 0}
#header #daumGnb li.menu_04 .depth01 {width:57px;background-position:-407px -20px}
#header #daumGnb li.menu_04 .depth01.on, #header #daumGnb li.menu_04 .depth01.on2 {background-position:-407px 0}

/*2depth*/
#header #daumGnb .menu li .depth02 {clear:both;width:100%;height:222px;position:absolute;top:46px;left:-24px;padding-top:15px;border-right:1px solid #333944}
#header #daumGnb .menu li.menu_01 .depth02 {border-left:1px solid #333944}
#header #daumGnb .menu li.menu_04 .depth02 {width:132px}
#header #daumGnb .menu li li {width:100%;height:23px;line-height:2;letter-spacing:-1px;background:url("/common/images/common/common_icon.gif") no-repeat 12px -940px}
#header #daumGnb .menu li li .depth02menu {width:100px;margin-left:25px;background:none;color:#949fb4}
#header #daumGnb .menu li li .depth02menu:hover {color:#fff;text-decoration:none}
#header .slideArea {width:100%;height:237px;background:#3a404c;border-bottom:1px solid #000}
#header .wrap {width:1000px;margin:0 auto;position:relative}
#header .wrap .link {position:absolute;right:43px;width:155px;height:90px}
#header .wrap .link .screen_out {left:0;width:155px;height:90px;background:url("/common/images/common/gnb_link_menu.gif")}
#header .wrap .link.hope {top:10px;padding-bottom:14px;border-bottom:1px solid #333944}
#header .wrap .link.report {top:118px}
#header .wrap .link.report .screen_out {background-position:0 -100px}
#header .close {width:55px;margin:0 auto;position:relative}
#header .close .screen_out {display:block;top:240px;left:0;width:41px;height:20px;background:url("/common/images/common/gnb_close.png") no-repeat 0 0}
* html #header .close .screen_out {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/common/gnb_close.png', sizingMethod='crop')}

/*side menu*/
#header #daumGnb .menus {float:left}
#header #daumGnb .menus li {float:left;width:72px;height:27px;position:relative}
#header #daumGnb .menus li .screen_out {display:block;left:0;top:5px;width:60px;height:18px;background:url("/common/images/common/gnb_menu.gif") no-repeat 0 0}
#header #daumGnb .menus li.menu_01 .screen_out {background-position:0 -35px}
#header #daumGnb .menus li.menu_02 .screen_out {background-position:-72px -35px}

#header .slideArea, #header .slideArea .wrap {display:none}
#header #daumGnb .menu li .depth02 {display:none}

#daumBody {clear:both;position:relative;width:100%;margin-top:0px}

/*info main*/
#daumBody.main {width:100%;background:url("/common/images/common/main_grBg.gif") repeat-x #f0efeb;overflow:hidden}
#daumBody.main .mainContents {width:1013px;margin:0 auto;height:384px;position:relative}
#daumBody.main .rollingContents {position:relative;width:1013px;height:384px;margin:0px auto}
#daumBody.main .rollingContents li {width:100%;height:333px;position:absolute;top:0;left:0}
#daumBody.main .rollingContents .btn {position:absolute;top:218px;left:10px;width:158px;height:35px;background:url("/common/images/common/main_btn.gif") no-repeat 0 0}
#daumBody.main .rollingContents .btn .screen_out {display:block;left:0;width:158px;height:35px}
#daumBody.main .rollingIdx {position:absolute;bottom:65px;left:10px}
#daumBody.main .idxList li {float:left;position:relative;margin:0px 2px;width:10px;height:10px;background:url("/common/images/common/main_icon.gif") no-repeat}
#daumBody.main .idxList a {width:10px;height:10px;left:0}
#daumBody.main .idxList .on {background-position:0 0}
#daumBody.main .idxList .off {background-position:0 -25px}

#daumBody.main .mainContents_03 {clear:both;width:100%;height:240px;margin:0 auto;font-size:0.9em;background:#fcfbf7}
#daumBody.main .mainContents_03 .conWrap {width:1000px;margin:0 auto;position:relative;padding-top:25px}
#daumBody.main .mainContents_03 .detail_01,
#daumBody.main .mainContents_03 .detail_02,
#daumBody.main .mainContents_03 .detail_03,
#daumBody.main .mainContents_03 .detail_04 {position:relative;width:21%;float:left;padding:0 2%}
#daumBody.main .mainContents_03 .detail_04 {}
#daumBody.main .mainContents_03 .main_tit {margin-bottom:15px;position:relative;width:100%;height:18px;background-position:0 3px}
#daumBody.main .mainContents_03 .detail_02 .main_tit {margin-bottom:20px;background-position:0 -22px}
#daumBody.main .mainContents_03 .detail_03 .main_tit {background-position:0 -47px}
#daumBody.main .mainContents_03 .detail_04 .main_tit {margin-bottom:24px;background-position:0 -72px}
#daumBody.main .mainContents_03 .main_tit .screen_out {left:0;width:100%;height:18px}
#daumBody.main .mainContents_03 .detail_01 .page {margin:0;position:absolute;top:0;right:8%;width:30px;height:15px}
#daumBody.main .mainContents_03 .detail_01 .page li {float:left;width:15px;height:15px;background:url("/common/images/common/main_icon.gif") no-repeat}
#daumBody.main .mainContents_03 .detail_01 .page li .ir_pm {width:15px;height:15px}
#daumBody.main .mainContents_03 .detail_01 .page li.prev {background-position:0 -50px}
#daumBody.main .mainContents_03 .detail_01 .page li.next {background-position:-15px -50px}
#daumBody.main .mainContents_03 .list li {padding:8px 0;height:28px;background:url("/common/images/common/main_line.gif") repeat-x 0 43px;line-height:1.4}
#daumBody.main .mainContents_03 .date {font-size:0.85em;color:#868684;font-family:Tahoma,Verdana}
#daumBody.main .mainContents_03 .detail_01 .date {padding:8px}
#daumBody.main .mainContents_03 .detail_03 .date {display:block}
#daumBody.main .mainContents_03 .detail_02 .stock {padding:15px 0 20px;font-weight:bold;font-size:3em;font-family:'Doppio One',sans-serif;color:#646a75}
#daumBody.main .mainContents_03 .detail_02 .stock .txt02 {margin-left:10px;padding-left:20px;font-size:0.5em;color:#ff6f6f;background:url("/common/images/common/main_icon.gif") no-repeat 0 -70px}
#daumBody.main .mainContents_03 .detail_02 .ir_pm {width:195px;height:49px;background:url("/common/images/common/main_btn.gif") no-repeat scroll 0 -45px transparent}



/*info sub*/
#daumBody {width:980px;margin:0 auto}
.bodyWrapper {width:750px;padding-bottom:80px}
.titleArea {height:145px;position:relative;background-position:left bottom}
.titleArea .line01 {display:block;position:absolute;bottom:0;left:0;width:100%;height:4px;background:#fd84a7}
.titleArea .line02 {display:block;width:97%;margin:0 auto;height:4px;background:#505191}
.pageControl {position:absolute;bottom:25px;right:84px;height:18px}
.pageControl li {float:left;width:35px;height:18px;position:relative;background-position:34px -472px}
.pageControl li.print {background:none}
.pageControl li a {left:8px;display:block;width:18px;height:18px}
.pageControl li.zoom_in .ico_comm {background-position:3px 3px}
.pageControl li.zoom_out .ico_comm {background-position:3px -18px}
.pageControl li.print .ico_comm {background-position:3px -47px}
.sideBtn {position:absolute;bottom:20px;right:10px;width:65px;height:31px;background:url("/common/images/common/common_box.gif") repeat-x 0 -100px}
.snsList {float:left;position:relative;left:-4px}
.snsList li {display:none;float:left;position:relative;height:27px;padding:2px}
.sideBtn .ir_pm {width:28px;height:24px;position:relative;top:2px;left:3px;background:url("/common/images/common/sns_icon.gif") no-repeat 0 0}
.sideBtn .mypeople {display:block;padding-left:4px;background:url("/common/images/common/common_box.gif") no-repeat 0 0}
.sideBtn .mypeople .ir_pm {background-position:0 4px}
.sideBtn .twitter .ir_pm {background-position:0 -21px}
.sideBtn .facebook .ir_pm {background-position:0 -47px}
.sideBtn .yozm .ir_pm {background-position:0 -74px}
.sideBtn .metoday .ir_pm {background-position:0 -97px}
.sideBtn .more {float:right;position:relative;right:-4px;width:31px;height:31px;background:url("/common/images/common/common_box.gif") no-repeat right -50px}
.sideBtn .more .ir_pm {top:4px;left:0;background-position:0 -147px}
.contents {width:730px;margin:62px auto 0;position:relative}

.page {margin-top:40px}
.page_wrap { float: right; position: relative;  left:-50%}
.page_wrap li {margin:0 2.5px;position:relative;left:50%;float:left;width:26px;height:25px;background:url("/common/images/common/paging_icon.gif") no-repeat -144px 0}
.page_wrap li.on {background-position:-180px 0}
.page_wrap li a {display:block;left:0;width:26px;height:25px;text-align:center;font-weight:bold;font-size:0.95em;color:#818181;line-height:2.2;letter-spacing:-1px}
.page_wrap li.on a {color:#4b64be}
.page_wrap li.first {background-position:0 0}
.page_wrap li.prev {background-position:-36px 0}
.page_wrap li.next {background-position:-72px 0}
.page_wrap li.last {background-position:-108px 0}

.rightMenu {width:200px;position:absolute;top:0;right:0}
.rightMenu .title {height:42px;margin-top:99px;padding-left:10px;border-bottom:4px solid #888;font-weight:bold;font-size:1.25em;letter-spacing:-0.5px;font-family:'Doppio One',sans-serif;color:#5c5c5c}
.relinkList {margin-top:40px;font-size:0.9em;color:#a9a9a9}
.relinkList a {font-size:1em;color:#a9a9a9}
.relinkList li {border-bottom:1px solid #efefef;padding:20px 10px}
.relinkList li.last {border:none}
.relinkList em {font-weight:bold;font-size:1.1em;color:#656565}
.relinkList .txt {margin:8px 0 10px;display:block;line-height:1.4}
.relinkList .link {padding-right:4px;display:block;height:20px}
.relinkList .link a {color:#019ac6;float:left;text-decoration:underline}
.relinkList .link .ico_comm {float:left;width:15px;height:13px;display:block;margin-left:3px;background-position:2px -197px}
.relinkList .link.story .ico_comm {background-position:2px -222px}

#vMenu {float:left;width:100%;margin:0 auto;padding:32px 0 37px;clear:both;border-top:1px solid #dde1e9;background:#eef0f4}
#daumBody.main #vMenu {padding-top:2px;background:#f0efeb;border-top:0;border-bottom:1px solid #e9e9e9}
#vMenu .valWrap {width:1000px;margin:0 auto;}
#vMenu .list {position:relative;width:410px;height:43px}
#vMenu .list li {z-index:100;display:none;width:410px;height:40px;#margin-top:-2px;position:relative;background:#cbccd0}
#vMenu .list li .screen_out {left:-2px;top:-2px;width:410px;height:40px;background:url("/common/images/common/vselect_down.png") no-repeat scroll 0 0}
#vMenu .list li.vmenu_01 {display:block;height:45px}
#vMenu .list li.vmenu_01 .screen_out {height:45px;display:block;background:url("/common/images/common/value_menu.gif") no-repeat scroll 0 0}
#vMenu .list li.vmenu_02 .screen_out {background-position:left top; height:43px}
#vMenu .list li.vmenu_02 .screen_out:hover {background-position:-440px top}
#vMenu .list li.vmenu_03 .screen_out {background-position:0 -41px}
#vMenu .list li.vmenu_03 .screen_out:hover {background-position:-440px -41px}
#vMenu .list li.vmenu_04 .screen_out {background-position:0 -81px}
#vMenu .list li.vmenu_04 .screen_out:hover {background-position:-440px -81px}
#vMenu .list li.vmenu_05 .screen_out {background-position:0 -121px}
#vMenu .list li.vmenu_05 .screen_out:hover {background-position:-440px -121px}
#vMenu .list li.vmenu_06 .screen_out {background-position:0 -161px}
#vMenu .list li.vmenu_06 .screen_out:hover {background-position:-440px -161px}
#vMenu .list li.vmenu_07 .screen_out {background-position:0 -201px}
#vMenu .list li.vmenu_07 .screen_out:hover {background-position:-440px -201px}
#vMenu .list li.vmenu_08 .screen_out {background-position:0 -241px; height:38px}
#vMenu .list li.vmenu_08 .screen_out:hover {background-position:-440px -241px}
#vMenu .boxList {margin-top:28px}
#vMenu .boxList li {float:left;width:23%;height:150px;margin-right:2%;padding:20px 0;border-radius:18px;box-shadow:1px 1px 0px 0px #d6d8db;background:#ffffff}
#vMenu .boxList li.box_04 {margin-right:0}
#vMenu .boxList li .thumb {width:84%;height:120px;float:right;left:-8%;position:relative;overflow:hidden}
#vMenu .valWrap li .img {display:block;margin:0 auto}
#vMenu .boxList li .subject {clear:both;position:relative;width:85%;margin:0 7.5%;padding-top:12px;overflow:hidden;font-weight:bold;font-size:1.2em;letter-spacing:-1px}
#vMenu .boxList li .subject a{display:block;overflow:hidden;width:90%;white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;-moz-binding:url(js/ellipsis.xml#ellipsis)undefinedundefinedundefined}
#vMenu .val_ico_comm {display:block;width:18px;height:18px;position:absolute;top:40%;right:0;background:url("/common/images/common/value_common_icon.gif") no-repeat 2px 2px}
#vMenu .val_ico_comm.ico02 {background:url("/common/images/common/value_common_icon.gif") no-repeat 2px -22px}


/*footer*/
#daumFooter {clear:both;width:100%;height:104px;background:url("/common/images/common/footer_bg.gif") repeat-x #3c434f;border-top:2px solid #000}
#daumFooter a {display:block;height:100%;font-size:0;line-height:0;text-indent:-9999px}
#footerContainer {width:1000px;height:60px;position: relative;position:relative;margin:0px auto}

#daumFooter .copyrightInfo {float:left;width:340px;margin:28px 0 0 10px}
#daumFooter .copyrightInfo .menu {height:18px}
#daumFooter .copyrightInfo li {float:left;height:18px;background:url("/common/images/common/footer_menu.png") no-repeat}
#daumFooter .copyrightInfo li.menu_01 {width:88px;background-position:0 3px}
#daumFooter .copyrightInfo li.menu_02 {width:74px;background-position:-88px 3px}
#daumFooter .copyrightInfo li.menu_03 {width:56px;background-position:-162px 3px}
#daumFooter .copyrightInfo li.menu_04 {width:65px;background-position:-218px 3px}
#daumFooter .copyrightInfo li.menu_05 {width:54px;background-position:-283px 3px}
#daumFooter .copyrightInfo p.copyright {clear:both;margin-top:4px;width:100%;height:12px;background:url("/common/images/common/footer_menu.png") no-repeat 0 -25px;font-size:0;line-height:0;text-indent:-9999px}

#daumFooter .siteLink {width:415px;height:23px;position:absolute;top:23px;right:10px}
#daumFooter .siteLink .daum {float:left;padding-right:15px;width:78px;height:23px;background:url("/common/images/common/footer_menu.png") no-repeat 0 -47px}
#daumFooter .siteLink .all {float:left;padding-right:15px;width:115px;height:23px;background:url("/common/images/common/footer_menu.png") no-repeat -100px -47px}
#daumFooter .blog {width:168px;height:21px;position:absolute;bottom:0;right:0;border:1px solid #2b2e34;background:url("/common/images/common/footer_box_bg.gif") no-repeat 0 0}
#daumFooter .blog a {padding:0 8px;font-size:0.95em;line-height:2;color:#b4b6bb;text-indent:0}
#daumFooter .blog a:hover {text-decoration:none}
#daumFooter .blogList{display:none;position:absolute;bottom:22px;right:0;width:168px;border:1px solid #2b2e34}
#daumFooter .blogList li {width:100%;height:26px;position:relative;background:#4d535d}
#daumFooter .blogList li a {height:15px;padding:4px 6px;font-size:0.9em;color:#b4b6bb;line-height:1.4;text-indent:0;letter-spacing:-1px}


/* Select */
#selectView { width:150px;height:31px; z-index:101;position:absolute;left:0 }
.clearfix { clear: both; }
.dropdown, .dropdown_no-info { width: 150px; margin-bottom: 15px; }
.dropdownlist { width: 146px}

.dropdown { background: url('/common/images/common/bg_select.gif') no-repeat; padding: 2px; height: 30px; cursor: pointer; }
.dropdownlist { list-style: none; border: 1px solid #d0d0d0; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 1px; cursor: pointer; background-color: #FFF; -webkit-box-shadow: 2px 2px 5px #D8D8D8; -moz-box-shadow: 2px 2px 5px #D8D8D8; box-shadow: 2px 2px 5px #D8D8D8; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#D8D8D8'); position: absolute; top: 0; left: 0; display: none; z-index:300;}
.dropdownlist li { border-width: 0px; padding: 2px;  z-index:1000;position:relative }
.dropdownlist li.hover { border: 1px solid white; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #F0F2F3; padding: 1px; }
.dropdown p, .dropdownlist p { margin: 2px 4px 0px 2px; color: #8A8A8A; height: 31px; }
.dropdown p.no-info, .dropdownlist p.no-info { height: 23px; padding: 2px 0 0 5px; }
.dropdown p { background: url(arrowhead_down.png) no-repeat right 14px; }
.dropdown p strong, .dropdown_no-info p strong, .dropdownlist p strong { color: #262626; }




/* error */
.error {margin:135px auto; width:420px}
	.error .etop {border-bottom:solid 3px #7f8596; height:15px; padding:10px 0 40px 120px; color:#444; font-size:16px; font-weight:bold; background:url('/common/images/common/error_img.jpg') no-repeat 40px top;}
	.error .etop01 {border-bottom:solid 3px #7f8596; height:15px; padding:10px 0 40px 60px; color:#444; font-size:16px; font-weight:bold; background:url('/common/images/common/error_img.jpg') no-repeat left top; letter-spacing:-1px}
	.error .etxt {padding-top:25px; font-size:12px; color:#666; text-align:center; line-height:1.7}
	.error .ebtn {margin-top:25px; text-align:center;}
	.error .ebtn .dcorp {background:url('/common/images/common/error_btn.gif') no-repeat left top; width:183px; height:26px; display:inline-block}
	.error .ebtn .dservice {background:url('/common/images/common/error_btn.gif') no-repeat left -36px; margin-left:10px; width:171px; height:26px; display:inline-block}

